<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>基于JavaScript的水平导航下拉菜单</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
        <script type="text/javascript" src="js/h_nav_menu.js"></script>
    </head>
    <body>
        <div id="banner">
            <h1>Demo -- 基于JavaScript的水平导航下拉菜单</h1>
        </div>
        
        <div id="navigation">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">产品</a>
                    <ul>
                        <li><a href="">最新设备</a>
                            <ul>
                                <li><a href="">十核电脑</a></li>
                                <li><a href="">无线打印机</a></li>
                            </ul>
                        </li>
                        <li><a href="">其它设备</a>
                            <ul>
                                <li><a href="">台式机</a></li>
                                <li><a href="">笔记本</a></li>
                            </ul>
                        </li>
                        <li><a href="">耗材</a>
                            <ul>
                                <li><a href="">打印机耗材</a></li>
                                <li><a href="">其它耗材</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="">技术支持</a>
                    <ul>
                        <li><a href="">软件开发</a>
                            <ul>
                                <li><a href="">Java</a></li>
                                <li><a href="">C++</a></li>
                                <li><a href="">Ruby</a></li>
                            </ul>
                        </li>
                        <li><a href="">数据库</a></li>
                    </ul>
                </li>
                <li><a href="">关于我们</a></li>
            </ul>
        </div>
        
        <div id="mainContent">
            <p>这个页面演示了如何制作水平导航下拉菜单。</p>
        </div>
        
        <div id="footer">
            <p>Copyright Sarkuya 2008</p>
        </div>
    </body>
</html>